
.sticky-table-container {
  
  overflow-y: auto;
  scrollbar-color: var(--scrollbar-thumb-color) var(--dialog-body-bg-color);

  table {
    
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;

    th, td {
      border: 0.5px solid var(--border-color);
      background-color: var(--background-color);
      padding: 0.1875rem 0.25rem;
      white-space: nowrap;
    }

    tr.selected td {
      background-color: var(--highlight-color);
      color: var(--highlighted-color);
    }

    th {
      font-weight: bold;
      text-align: left;
      position: sticky;
      top: 0;
      z-index: 1;
    }

    .enabled, .icon, .shortcut {
      text-align: center;
    }

    td.enabled {
      width: 1rem;
    }

    &.table-plain {
      td {
        border: none;
      }
      th {
        border: none;
        border-bottom: 1px solid var(--border-color);
      }
      tr.selected td:first-child {
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
      }
      tr.selected td:last-child {
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
      }

      tr.selected:has(+ tr.selected) td:first-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      tr.selected + tr.selected td:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      tr.selected:has(+ tr.selected) td:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }

      tr.selected + tr.selected td:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

    }
  
  }

}


.windows .sticky-table-container td.icon {
  font-family: 'NotoColorEmojiLimited';
}
